<!DOCTYPE html>
<html lang="en">
<head>
    <title>模块列表</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/static/lib/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/lib/layuiadmin/style/admin.css" media="all">
    <script src="/static/lib/layuiadmin/layui/layui.js" type="text/javascript"></script>
    <script src="/static/lib/layuiadmin/layui/layui.all.js" type="text/javascript"></script>
    <script src="../../../common/jquery-3.3.1.min.js"></script>
    <script src="../../../common/dataGrid.js"></script>
    <script src="../../../common/common.js"></script>
    <script src="../../../common/listTree.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
            border: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        html, body .dw, body .dw .layui-card {
            height: 100%;
        }

        #btn-zs {
            border-bottom: 0;
            padding: 0px;
            margin-bottom: 10px;
        }
        .btn-table {
            width: 98%;
            table-layout: fixed;
            margin-left: 15px;
        }
    </style>
</head>
<body>
<div class="layui-fluid" id="LAY-component-grid-mobile" style="height: 100%;padding: 5px;">
    <div class="layui-row layui-col-space10" style="height: 100%">
        <div class="layui-col-xs4" style="height: 100%">
            <div class="layui-card" style="height: 100%">
                <div class="layui-card-header">模块列表</div>
                <div class="layui-card-body">
                    <div id="btn-zs">
                        <form class="layui-form" action="">
                            <table id="btn-table">
                                <tr>
                                    <td style='width:80px'>
                                        <a id="addBtn" class="layui-btn layui-btn-sm" onclick="addData()">
                                            <i class="layui-icon">&#xe654;</i> 新建</a>
                                    </td>
                                    <td style='width:80px'>
                                        <a id="recycleBtn" class="layui-btn layui-btn-sm" onclick="recycleBin()">模块回收站</a>
                                    </td>
                                    <td></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div id="gridList" title="模块管理"  style="width:100%;height:100%;" url="/wf/module/pageList"  sizeList="[15,30,50,100]" pageSize="15" height="700" onrowclick="reloadPluginsList" method="post">
                        <div property="columns" style="display: none;width: 100%;height: 100%">
                            <div type="indexcolumn" width="45" headerAlign="center">No.</div>
                            <div field='moduleName' width='30%' headerAlign='center' allowSort='true'>名称</div>
                            <div field='codeName' width='21%' headerAlign='center' allowSort='true'>代号</div>
                            <div field="moduleId" width="210" headerAlign="center" allowSort="false" cellStyle="text-align:center;" renderer="formatOper" >操作</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-xs8" style="height: 100%">
            <div class="layui-card" style="height: 100%">
                <div class="layui-card-header" id="pluginsTitle">控件列表</div>
                <div class="layui-card-body" style="padding: 0 15px;">
                    <div class="" style="border-bottom:0;padding-top:5px;margin-bottom: 5px;">
                        <form class="layui-form" action="">
                            <table style="width:98%; table-layout:fixed;">
                                <tr>
                                    <td style='width:120px'>

                                        <a id="inputBtn" onclick="inputData()" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe61f;</i> 导入 / 重置</a>
                                    </td>
                                    <td style='width:180px'>
                                        <!--<a id="recycleBtn" onclick="recyclePlugin()" class="layui-btn layui-btn-sm">控件回收站</a>-->
                                        <!--<a id="addBtn" onclick="addData()" class="layui-btn layui-btn-sm"> <i class="layui-icon">&#xe654;</i> 增加</a>-->
                                    </td>
                                    <td></td>
                                    <!--<td style='width:80px;text-indent: 10px;'>名称：</td>
                                    <td style='width:200px'>
                                        <input type="text" name="key" id="key" class="layui-input"
                                               placeholder="请输入名称" autocomplete="off" oninput="noChange()"/>
                                    </td>-->
                                </tr>
                            </table>
                        </form>
                    </div>
                    <div id="pluginsGridList" showHeader="true" url="/wf/form/plugins/volist" sizeList="[10,20,50,100]" page="false" pageSize="20" height="700"  method="post">
                        <div property="columns" style="display: none;">
                            <div type="indexcolumn" width="40" headerAlign="center">No.</div>
                            <div field='moduleName' width="15%" headerAlign='center' allowSort='true'>所属模块</div>
                            <div field='name' width="28%"  headerAlign='center' allowSort='true'>控件名称</div>
                            <div field='nameCn' width="28%"  headerAlign='center' allowSort='true'>控件中文名称</div>
                            <div field="id" headerAlign="center" allowSort="false" cellStyle="text-align:center;" renderer="formatOper2">操作</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>
<script type="text/javascript" src="moduleList.js"></script>

